<extend name="Base/common"/>
<block name="head"></block>

<block name="body" >

    <!--頂部-->
    <script type="text/javascript">
        $(".navbar-nav li").eq(4).addClass("active");
    </script>
    <!--頂部 結束-->
    <div class="container news-content">
        <div class="adv about">
            <div class="row">
                <div class="col-md-5 about_img">
                    <div class="place" style="display:none">{$contact['location']}</div>
                    <div class="gmap3" style="width: 100%; height: 300px;"></div>
                </div>
                <div class="col-md-5 contact_text">
                    <p>
                        <span>聯系電話：</span>{$contact['phone']}<br>
                        <span>E-mail　：</span>{$contact['Email']}<br>
                        <span>傳　　真：</span>{$contact['fax']}<br>
                        <span>聯系地址：</span>{$contact['address']}<br>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <block name="footer">
        <script src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"></script>
        <script src="__PUBLIC__/Index/js/gmap3.min.js" type="text/javascript"></script>
        <script type="text/javascript">
             var place =$('.place').html().split(',');
            $('.gmap3').gmap3({
                map: {
                    options:{
                        center: [place[0],place[1]], zoom: 18
                        //center: [22.2058985, 113.5513212], zoom: 18
                    }
                }, marker: {
                    latLng: [place[0],place[1]]
                }
            });
        </script> 
    </block>
</block>
